﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Rạp Cinemax - Xác nhận đặt vé</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="js/galleryview-2.1.1/galleryview.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.1.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.galleryview-2.1.1-pack.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="js/stepcarousel.js" type="text/javascript"></script>
<style type="text/css">
.brimg01 {
	border: 1px solid #1D1D1D!important;
}
.bgimg01 {
	background: url("img/bg_box03.gif") no-repeat;
	width: 120px;
	height: 172px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	overflow: hidden;
	text-align: center;
}
.stepcarousel {
	position: relative;
	overflow: hidden;
	width: 518px;
	height: 260px;
	margin: 0 auto 0 auto;
}
.stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left;
	overflow: hidden;
	width: 194px;
}
.movies {
	width: 120px;
	float: left;
	padding: 0 5px;
}
.movies h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 12px;
}
.movies h4 a {
	color: #ffffff;
	text-decoration: none;
}
.movies h4 a:hover {
	color: #17C1F3;
	text-decoration: none;
}
.movies img {
	width: 108px;
	height: 162px;
}
}
</style>
<script type="text/javascript">

stepcarousel.setup({
	galleryid: 'dangchieu', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'movies', //class of panel DIVs each holding content
	autostep: {enable:false, moveby:1, pause:5000},
	panelbehavior: {speed:300, wraparound:false, wrapbehavior:'slide', persist:false},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/icon_arrow01.gif', -33, 100], rightnav: ['img/icon_arrow02.gif', 3, 100]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#film_list').galleryView({
			nav_theme: 'light',
			pause_on_hover: true,
			background_color: 'black',
			show_captions: true,
			panel_width: 600,
			panel_height: 300,
			frame_gap: 15
		});
	});
</script>
</head>

<body>

<div id="container">
	<div id="header">
		<img alt="" src="img/256507_import-cinemax-logo-cinemax-logo.jpg" style="height: 60px; width: 300px;" />
		<img alt="" src="img/contact.gif" style="float: right;" /> </div>
	<div id="menu">
		<ul id="menulist">
			<li><a href="#">Trang chủ</a></li>
			<li><a class="active" href="#">Phim</a></li>
			<li><a href="#">Lịch chiếu/Đặt vé</a></li>
			<li><a href="#">Giá vé &#38; Khuyến mãi</a></li>
			<li><a href="#">Quản lý</a></li>
		</ul>
	</div>
	<div id="sidebar">
		<div id="nav">
			<ul>
				<li><a class="active" href="#">Theo tựa phim</a></li>
				<li><a href="#">Theo ngày</a></li>
				<li><a href="#"></a></li>
			</ul>
		</div>
		<img alt="" src="img/carrbbeaNew.jpg" width="248px" />
		<div id="signinbox">
			<table cellpadding="3" cellspacing="0" style="width: 100%">
				<tr>
					<td>Tên đăng nhập:</td>
					<td><input id="txtuid" type="text" /></td>
				</tr>
				<tr>
					<td>Mật khẩu:</td>
					<td><input id="txtpass" type="password" /></td>
				</tr>
			</table>
			<button style="float: right; margin: 5px 2px;">Đăng nhập</button>
			<br />
			<br />
			<a href="#" style="text-decoration: none; color: aqua;">Đăng ký thành 
			viên</a> </div>
	</div>
	<div id="content">
		<div id="datve_header">
			<a href="">Chọn suất chiếu</a> &gt; <a href="">Chọn ghế</a> &gt;
			<a class="active" href="">Xác nhận thông tin</a> &gt; <a href="">Hoàn tất</a> </div>
		<div id="block2">
			<h2 style="text-align: center; color: aqua;">Xác nhận</h2>
			<div style="margin: auto; width: 109px;">
				<img alt="" src="img/caribbean_thumb.jpg" /></div>
			<br />
			<div style="text-align:center">
			(Tên phim)<br/>
			(Ngày chiếu)<br/>
			(Giờ chiếu)<br/>
			(Phòng chiếu)<br/>
			(Giá vé)<br/>
			(Số lượng đặt)<br/>
			(Ghế)<br/>
			(Thành tiền)<br/><br/>
			<button>Xác nhận</button>
			</div>
			<div>
				<img alt="" src="img/cont_box06b.jpg" /></div>
		</div>
	</div>
	<div id="footer">
		Copyright © 2011 Cinemax Media Group. All rights reserved.<br />
		Website Cinemax được phát triển bởi nhóm - Email: minhanhhere@gmail.com
	</div>
</div>

</body>

</html>
